@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
     
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Radial Progress Bar</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                    <div class="row">
                        <div class="col-md-12 transition t-c">
   

								<div class="custom-radial-progressbar progress-0" data-progressbar-percent="30" data-progressbar-unit="%"> 
									<span class="track">
										<span>0<em class="unit">%</em></span>
									</span>
									<div class="pie">
										<div class="left-side half-circle"></div>
										<div class="right-side half-circle"></div>
									</div>
									<div class="title">Title 1</div>
								</div>
								<!-- /.custom-radial-progressbar -->

								<div class="custom-radial-progressbar progress-0" data-progressbar-percent="45" data-progressbar-unit="%">
									<span class="track">
										<span>0<em class="unit">%</em></span>
									</span>
									<div class="pie">
										<div class="left-side half-circle"></div>
										<div class="right-side half-circle"></div>
									</div>
									<div class="title">Title 2</div>
								</div>
								<!-- /.custom-radial-progressbar -->

								<div class="custom-radial-progressbar progress-0" data-progressbar-percent="66" data-progressbar-unit="%">
									<span class="track">
										<span>0<em class="unit">%</em></span>
									</span>
									<div class="pie">
										<div class="left-side half-circle"></div>
										<div class="right-side half-circle"></div>
									</div>
									<div class="title">Title 3</div>
								</div>
								<!-- /.custom-radial-progressbar -->

								<div class="custom-radial-progressbar progress-0 no-c-bg" data-progressbar-percent="100" data-progressbar-unit="%">
									<span class="track">
										<span>0<em class="unit">%</em></span>
									</span>
									<div class="pie">
										<div class="left-side half-circle"></div>
										<div class="right-side half-circle"></div>
									</div>
									<div class="title">Title 4</div>
								</div>
								<!-- /.custom-radial-progressbar -->

								<div class="custom-radial-progressbar progress-0 no-c-bg" data-progressbar-percent="55" data-progressbar-unit="%">
									<span class="track">
										<span>0<em class="unit">%</em></span>
									</span>
									<div class="pie">
										<div class="left-side half-circle"></div>
										<div class="right-side half-circle"></div>
									</div>
									<div class="title">Title 5</div>
								</div>
								<!-- /.custom-radial-progressbar -->

								<div class="custom-radial-progressbar progress-0 no-c-bg" data-progressbar-percent="18" data-progressbar-unit="%">
									<span class="track">
										<span>0<em class="unit">%</em></span>
									</span>
									<div class="pie">
										<div class="left-side half-circle"></div>
										<div class="right-side half-circle"></div>
									</div>
									<div class="title">Title 6</div>
								</div>
								<!-- /.custom-radial-progressbar --> 
                      
                       
                        </div>
                        <!-- .col-md-12 end -->
                    </div>
                    <!-- .row end -->
                    
             
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
         
        
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Horizontal Rectangle Progress Bar</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
    
       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                    <div class="row">
                        <div class="col-md-12 transition">
   

							<div class="custom-rectangle-progressbar progress-0" data-progressbar-percent="30" data-progressbar-unit="%">
								<div class="title">Title 1</div>
								<div class="bar">
									<div class="track"></div>
									<span>0<em class="unit">%</em></span>
								</div>
							</div>
							<!-- /.custom-rectangle-progressbar -->
							
							
							<div class="custom-rectangle-progressbar progress-0" data-progressbar-percent="57" data-progressbar-unit="%">
								<div class="title">Title 2</div>
								<div class="bar">
									<div class="track"></div>
									<span>0<em class="unit">%</em></span>
								</div>
							</div>
							<!-- /.custom-rectangle-progressbar -->
							
							
							<div class="custom-rectangle-progressbar progress-0" data-progressbar-percent="100" data-progressbar-unit="%">
								<div class="title">Title 3</div>
								<div class="bar">
									<div class="track"></div>
									<span>0<em class="unit">%</em></span>
								</div>
							</div>
                            <!-- /.custom-rectangle-progressbar -->

                      
                        </div>
                        <!-- .col-md-12 end -->
                    </div>
                    <!-- .row end -->
                    
             
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
            
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

